// sidebar
$menuText:#909fb4;
$menuActiveText:#bfd9ff;
$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951

$webMenuBg: #141A47;
$webMenuHover: url(/web-images/active-bg.png);
$menuBg:#2b384b;
$menuHover:#38575c;

$subMenuBg:#1f2d3d;
$subMenuHover:#38575c;

$sideBarWidth: 200px;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  webMenuBg: $webMenuBg;
  webMenuHover: $webMenuHover;
}
.input-x .el-input__inner {
  &::placeholder {
    font-size: 12px;
  }

  &::-webkit-input-placeholder {
    /* WebKit browsers 适配谷歌 */
    font-size: 12px;
  }

  &:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 适配火狐 */
    font-size: 12px;
  }

  &::-moz-placeholder {
    /* Mozilla Firefox 19+ 适配火狐 */
    font-size: 12px;
  }

  &:-ms-input-placeholder {
    /* Internet Explorer 10+  适配ie*/
    font-size: 12px;
  }
} 